.btn{
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    border-radius: 10rpx;
    border: none;
    font-size: 15px;
    margin: 0rpx;
}

uni-button[disabled][type='default'], uni-button[disabled]:not([type]){
    opacity: 0.8;
    // cursor: not-allowed;
}

.base-button{
    @extend .btn;
    background: linear-gradient(150deg, #7a54df .234%, #675eef 5.57%, #417afc 34.642%, #56d3ff 100%);
}

.func-button{
    height: 40px;
    line-height: 40px;
    color: #2979ff;
    border-radius: 10rpx;
    border: 1px dashed #2979ff;
    background-color: #fff;
    font-size: 15px;
    margin: 0rpx;
}


.warning-button{
    @extend .btn;
    background: #FC5C7D; 
    background: -webkit-linear-gradient(155deg, #6A82FB, #FC5C7D);
    background: linear-gradient(155deg, #6A82FB, #FC5C7D); 
}

.danger-button{
    @extend .btn;
    background: #F00000; 
    background: -webkit-linear-gradient(to right, #DC281E, #F00000); 
    background: linear-gradient(to right, #DC281E, #F00000); 
}


// 蓝红渐变色
.ranker{
    background: #eb0000;
    background: -webkit-linear-gradient(150deg, #6a11cb 0%, #8e2de2 15%, #ff416c 50%, #ff4b2b 100%); 
    background: linear-gradient(150deg, #6a11cb 0%, #8e2de2 15%, #ff416c 50%, #ff4b2b 100%);
}


// 红橙夕阳变色
.ibiza-sunset{
    background: #ee0979; 
    background: -webkit-linear-gradient(150deg, #ff6a00, #ee0979); 
    background: linear-gradient(150deg, #ff6a00, #ee0979); 
}

// 天空蓝粉红渐变色
.j-shine{
    background: #12c2e9; 
    background: -webkit-linear-gradient(to right,#12c2e9, #c471ed, #f64f59 );
    background: linear-gradient(to right, #12c2e9, #c471ed, #f64f59 );
}

.abbas{
    background: #00fff0;  
    background: -webkit-linear-gradient(155deg, #0083fe, #00fff0);  
    background: linear-gradient(155deg, #0083fe, #00fff0);
}

.sunonthehorizon{
    background: #fceabb; 
    background: -webkit-linear-gradient(to right, #f8b500, #fceabb); 
    background: linear-gradient(to right, #f8b500, #fceabb); 
}


// 渐显渐隐
.fabBtnAnimation{
    opacity: 0.8;
    transition: opacity 0.5s ease, transform 0.5s ease;

}

.fabBtnAnimation_reverse{
    opacity: 0;
    transform: scale(0.5);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

// 放大缩小
.scaleAnimation{
    transform:translateX(-50%) scale(0);
    transition: transform 0.8s ease;

}

.scaleAnimation_reverse{
    transform:translateX(-50%) scale(1);
    transition: transform 0.8s ease;
}


@keyframes wave{
    0%{
        width: 0px;
        height: 0px;
        // opacity: .7;
    }
    100%{
        width: 150vh;
        height: 150vh;
        // opacity: 0;
    }
}


.fadeUpAnimation{
    animation: fadeUp 0.5s ease-out forwards;
}

.fadeUpAnimation_reverse{
    animation: fadeUp 0.5s ease-out reverse;
}


@keyframes fadeUp {
0% {
    opacity: 0;
    transform: translateY(80px);
}
50% {
    opacity: 1;
}
100% {
    opacity: 1;
    transform: translateY(0);
}
}